<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>api详情页面</title>
    <link rel="stylesheet" href="./datails.css">
</head>

<body style="margin-bottom: 100px;">
    <!-- api头部 -->
    <header class="head df jcc jcsb">
        <h1>
            <a href="#">
                <img src="../../assets/imgs/new-logo-white2.png" alt="图片加载失败">
            </a>
        </h1>

        <nav>
            <a href="../home/home.html">首页</a>
            <a class="active" href="../api/api.html">API</a>
            <a href="../case/case.html">案例</a>
        </nav>


        <div class="nav-btn df  ">
            <a class="nav-login" href="#">登录</a>
            <a class="nav-zc" href="../pour/pour.html">注册有礼</a>
        </div>
    </header>


    <!-- banner部分 -->
    <section>

        <div class="move-box df">
            <div id="mydiv" style="height:500px;"></div>
            <div class="move-text container df">
                <div class="move-left">
                    <p class="one-p"><img src="../../assets/imgs/API11.jpg"></p>
                    <p class="two-p">
                        <img src="../../assets/imgs/API_smallicon_01.jpg">
                        <img src="../../assets/imgs/API_smallicon_02.jpg">
                        <img src="../../assets/imgs/API_smallicon_03.jpg">
                    </p>
                    <p class="the-p df">
                        <span class="one-s">103</span>
                        <span class="two-s">14245</span>
                        <span>623</span>
                    </p>
                </div>

                <div class="move-right">

                    <p>
                    <h2>身份证实名认证</h2>
                    <span class="right-s">支持HTTPS</span>
                    <span class="right-s">企业专用</span>
                    </p>

                    <div class="df">
                        <p class="limi"><img src="../../assets/imgs/API03.jpg">限企业实名用户使用</p>
                        <p class="limi"><img src="../../assets/imgs/API08.jpg">本接口需提供应用场景审核</p>
                        <p class="limi"><img src="../../assets/imgs/API05.jpg">个人实名用户无法使用</p>
                    </div>
                    <p class="dete">检测姓名和身份证号是否一致，身份证验证。</p>

                    <div>
                        <ul class="select df">
                            <li class="li">
                                <img src="../../assets/imgs/API17.jpg">
                                扫码测试
                                <div class="sus"><img src="../../assets/imgs/103-demo.png">
                                    <p>打开微信扫一扫</p>
                                </div>
                            </li>

                            <!--   <li class="xrli show">4000次 <img class="select-img" src="../../assets/imgs/select.png" ></li>
                            <li class="xrli">8000次 <img  class="select-img"src="../../assets/imgs/select.png" ></li>
                            <li class="xrli">40000次 <img class="select-img" src="../../assets/imgs/select.png" ></li> -->
                        </ul>
                        <p class="xrp"><span class="s-price">¥1200</span>(约<span class="s-unprice">0.3000元/次</span> ),仅限企业实名购买;</p>
                    </div>
                    <button class="btn">立即申请</button>
                </div>
            </div>
        </div>
        </div>

    </section>

    <!-- tab选项卡部分 -->
    <section>
        <div class="main">
            <div class="tab-box container ">

                <!-- 选项卡选项 -->
                <ul class="tab-menu df">
                    <li class="litab live">API文档</li>
                    <li class="litab">错误码参照</li>
                    <li class="litab">示例代码</li>
                    <li class="litab">联系我们</li>
                </ul>
            </div>
        </div>
        <!-- 选项卡内容 -->
        <div class="container df">
            <ul class="tab-op">
                <!-- *第一个选项 -->
                <li class="listyle in-force">
                    <p><strong>接口地址：</strong> http://op.itsource.cn/idcard/query</p>

                    <p><strong>返回格式：</strong> json</p>

                    <p><strong>请求方式：</strong> http get/post</p>

                    <p><strong>请求示例：</strong> http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</p>

                    <p><strong>接口备注：</strong> error_code为0时计费</p>
                    <button class="test-btn">API测试工具</button><br>

                    <!-- 第1个表格 -->
                    <span class="re-title">请求参数说明：</span>

                    <table><!-- 表格标签 -->
                        <tbody><!-- 表格内容 -->
                            <tr class="re-otab"><!-- 表格行 -->
                                <th class="tr-first">名称</th><!-- 表格 -->
                                <th>必填</th>
                                <th>类型</th>
                                <th class="tr-olast">说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">realname</th><!-- 表格 -->
                                <th>是</th>
                                <th>string</th>
                                <th class="tr-tlast">姓名(UTF-8)</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">orderid</th><!-- 表格 -->
                                <th>否</th>
                                <th>int</th>
                                <th class="tr-tlast">传1时返回单号，默认不返回单号(建议传入)</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">key</th><!-- 表格 -->
                                <th>是</th>
                                <th>string</th>
                                <th class="tr-tlast">在个人中心->我的数据,接口名称上方查看</th>
                            </tr>
                        </tbody>
                    </table>


                    <!-- 第二个表格 -->
                    <span class="re-title">返回参数说明：</span>

                    <table><!-- 表格标签 -->
                        <tbody><!-- 表格内容 -->
                            <tr class="re-otab"><!-- 表格行 -->
                                <th class="tr-first">名称</th><!-- 表格 -->
                                <th class="tr-mid">类型</th>
                                <th class="tr-olast">说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">error_code</th><!-- 表格 -->
                                <th>int</th>

                                <th class="tr-tlast">返回码</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">reason</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">返回说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">result</th><!-- 表格 -->
                                <th>object</th>
                                <th class="tr-tlast">返回结果集</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">realname</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">属result,真实姓名</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">idcard</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">属result,身份证号</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">res</th><!-- 表格 -->
                                <th>int</th>
                                <th class="tr-tlast">属result,匹配详情,1匹配,2不匹配</th>
                            </tr>
                        </tbody>
                    </table>

                    <div class="df">
                        <span class="re-title">JSON返回示例：</span> <span class="sp-box">JSON在线格式化工具</span>
                    </div>

                    <div class="example container">
                        <p> {</p>

                        <p>&emsp; "reason": "成功",</p>

                        <p> &emsp;"result": {</p>

                        <p> &emsp;"realname": "***",/*真实姓名*/</p>

                        <p> &emsp;"idcard": "******************",/*身份证号码*/</p>

                        <p> &emsp;"orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> &emsp;"res": 1 /*1：匹配 2：不匹配*/

                        <p> &emsp;},</p>

                        <p> &emsp;"error_code": 0</p>

                        <p> }</p>

                    </div>
                </li>

                <!-- *第二个选项 -->
                <li class="listyle ">
                    <!-- <p><strong>接口地址：</strong> http://op.itsource.cn/idcard/query</p>

                    <p><strong>返回格式：</strong> json</p>

                    <p><strong>请求方式：</strong> http get/post</p>

                    <p><strong>请求示例：</strong> http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</p>

                    <p><strong>接口备注：</strong> error_code为0时计费</p>
                    <button class="test-btn">API测试工具</button><br>
 -->
                    <!-- 第1个表格 -->
                    <span class="re-title">请求参数说明：</span>

                    <table><!-- 表格标签 -->
                        <tbody><!-- 表格内容 -->
                            <tr class="re-otab"><!-- 表格行 -->
                                <th class="tr-first">名称</th><!-- 表格 -->
                                <th>必填</th>
                                <th>类型</th>
                                <th class="tr-olast">说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">realname</th><!-- 表格 -->
                                <th>是</th>
                                <th>string</th>
                                <th class="tr-tlast">姓名(UTF-8)</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">orderid</th><!-- 表格 -->
                                <th>否</th>
                                <th>int</th>
                                <th class="tr-tlast">传1时返回单号，默认不返回单号(建议传入)</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">key</th><!-- 表格 -->
                                <th>是</th>
                                <th>string</th>
                                <th class="tr-tlast">在个人中心->我的数据,接口名称上方查看</th>
                            </tr>
                        </tbody>
                    </table>


                    <!-- 第二个表格 -->
                    <span class="re-title">返回参数说明：</span>

                    <table><!-- 表格标签 -->
                        <tbody><!-- 表格内容 -->
                            <tr class="re-otab"><!-- 表格行 -->
                                <th class="tr-first">名称</th><!-- 表格 -->
                                <th class="tr-mid">类型</th>
                                <th class="tr-olast">说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">error_code</th><!-- 表格 -->
                                <th>int</th>

                                <th class="tr-tlast">返回码</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">reason</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">返回说明</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">result</th><!-- 表格 -->
                                <th>object</th>
                                <th class="tr-tlast">返回结果集</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">realname</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">属result,真实姓名</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">idcard</th><!-- 表格 -->
                                <th>string</th>
                                <th class="tr-tlast">属result,身份证号</th>
                            </tr>

                            <tr class="re-ttab"><!-- 表格行 -->
                                <th class="tr-two">res</th><!-- 表格 -->
                                <th>int</th>
                                <th class="tr-tlast">属result,匹配详情,1匹配,2不匹配</th>
                            </tr>
                        </tbody>
                    </table>

                    <div class="df">
                        <span class="re-title">JSON返回示例：</span> <span class="sp-box">JSON在线格式化工具</span>
                    </div>

                    <div class="example container">
                        <p> {</p>

                        <p>&emsp; "reason": "成功",</p>

                        <p> &emsp;"result": {</p>

                        <p> &emsp;"realname": "***",/*真实姓名*/</p>

                        <p> &emsp;"idcard": "******************",/*身份证号码*/</p>

                        <p> &emsp;"orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> &emsp;"res": 1 /*1：匹配 2：不匹配*/

                        <p> &emsp;},</p>

                        <p> &emsp;"error_code": 0</p>

                        <p> }</p>

                    </div>
                </li>

                <!-- *第三个选项 -->
                <li class="listyle ">
                    <div class="df">
                        <span class="re-title">JSON返回示例：</span> <span class="sp-box">JSON在线格式化工具</span>
                    </div>

                    <div class="example container">
                        <p> {</p>

                        <p>&emsp; "reason": "成功",</p>

                        <p> &emsp;"result": {</p>

                        <p> &emsp;"realname": "***",/*真实姓名*/</p>

                        <p> &emsp;"idcard": "******************",/*身份证号码*/</p>

                        <p> &emsp;"orderid":"J103202010151450419556",/*流水号*/</p>

                        <p> &emsp;"res": 1 /*1：匹配 2：不匹配*/

                        <p> &emsp;},</p>

                        <p> &emsp;"error_code": 0</p>

                        <p> }</p>

                    </div>
                </li>

                <!-- *第四个选项 -->
                <li class="listyle ">
                    <div class="df">
                        <span class="re-title">联系我们</span> 
                    </div>

                    
                        <table><!-- 表格标签 -->
                            <tbody><!-- 表格内容 -->
                                <tr class="re-otab"><!-- 表格行 -->
                                    
                                    <th class="four">内容</th>
                                    <th>详细</th>
                                </tr>
    
                                <tr class="re-ttab"><!-- 表格行 -->
                                   <th class="four">售前咨询①:	</th>
                                   <th>	0512-88869195</th>
                                </tr>
    
                                <tr class="re-ttab"><!-- 表格行 -->
                                    <th class="four">客服热线:	</th>
                                    <th>400-882-7715</th>
                                
                                </tr>
    
                                <tr class="re-ttab"><!-- 表格行 -->
                                    <th class="four">在线客服QQ:</th>
                                    <th>2733717362</th>
                                </tr>

                                <tr class="re-ttab"><!-- 表格行 -->
                                    <th class="four">接口测试:</th>
                                    <th>API测试工具</th>
                                </tr>
                            </tbody>
                        </table>

                </li>
            </ul>



            <!--  选项卡右边部分 -->
            <div class="banner">
                <h2 class="activ">活动推荐/Activity</h2>
                <div class="ban-img">
                    <img src="../../assets/imgs/sfz-aside1.png" >
                    <img src="../../assets/imgs/details-aside02.png" >
                    <img src="../../assets/imgs/details-aside03.png" >
                </div>
                <h2 class="activ-o">猜你喜欢</h2>
                <ul>
                    <li class="like">
                        <a href="" >
                       <div class="img-box"><img src="../../assets/imgs/API22.jpg"></div>
                       <div class="fr">
                       <p class="ban-p">短信API服务</p>
                       <p class="ban-pp">三网合一短信通道......</p>
                      </div>
                       </a>
                    </li>

                    <li class="like">
                        <a href="" >
                       <div class="img-box"><img src="../../assets/imgs/API26.jpg"></div>
                       <div class="fr">
                       <p class="ban-p">短信API服务</p>
                       <p class="ban-pp">三网合一短信通道......</p>
                      </div>
                       </a>
                    </li>

                    <li class="like">
                        <a href="" >
                       <div class="img-box"><img src="../../assets/imgs/API30.jpg"></div>
                       <div class="fr">
                       <p class="ban-p">短信API服务</p>
                       <p class="ban-pp">三网合一短信通道......</p>
                      </div>
                       </a>
                    </li>

                    <li class="like">
                        <a href="" >
                       <div class="img-box"><img src="../../assets/imgs/API33.jpg"></div>
                       <div class="fr">
                       <p class="ban-p">短信API服务</p>
                       <p class="ban-pp">三网合一短信通道......</p>
                      </div>
                       </a>
                    </li>

                    <li class="like">
                        <a href="" >
                       <div class="img-box"><img src="../../assets/imgs/API36.jpg"></div>
                       <div class="fr">
                       <p class="ban-p">短信API服务</p>
                       <p class="ban-pp">三网合一短信通道......</p>
                      </div>
                       </a>
                    </li>
                </ul>
            </div>

        </div>
    </section>



    <div class="tong">
        <div class="container">
            <h3>现在注册，百款接口免费测试</h3>
            <a href="">免费注册</a>
        </div>
    </div>


      <!-- 尾部 -->
      <footer>
        <div class="foot-div container df">
            <div class="foot-left df">
                <ul class="df">
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                    <li class="foot-li">
                        <h6>联系与支持</h6>
                        <a href="">400-882-7715</a>
                        <a href="">售前咨询</a>
                        <a href="">客服&售后</a>
                        <a href="">常见问题</a>
                        <a href="">极速工单</a>
                        <a href="">投诉与建议</a>
                    </li>
                </ul>

            </div>

            <div>
                <div class="right df">
                    <h3>微信公众号</h3>
                    <p>源码时代</p>
                    <img src="../../assets/imgs/wechat-white.png">
                </div>
            </div>

            <div class="foot-p df">
                <a href="#"><img src="../../assets/imgs/bei2.png"></a>
                &emsp;
                <a href="#"><img src="../../assets/imgs/bei1.png"></a>
                &emsp;
                <p class="left-p">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>

            <div class="foot-pp">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>

    </footer>



    <script src="../../assets/libs/canvas-particle.js"></script>
    <script src="../datails/datails.js"></script>
</body>

</html>